<!doctype html>
<html lang="en">
	<link rel="stylesheet" href="./Public/Home/css/index.css" />
	<link rel="stylesheet" href="./Public/Home/css/common.css" />
	<script type="text/javascript" src="./Public/Home/js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="./Public/Home/js/land.js"></script>
	<script type="text/javascript">
		$(function(){
			$('.block li').hover(function(){
				$(this).find('.none').show();
			},function(){
				$(this).find('.none').hide();
			})
			
			$('.username').click(function(){
				if($(this).attr('username') == 0){
					$('.outlogin-box').fadeIn();
					$(this).attr('username','1');
				}else{
					$('.outlogin-box').fadeOut();
					$(this).attr('username','0');
				}
			})
		})
	</script>
<head>
	<meta charset="UTF-8" />
	<title>首页</title>
</head>
<body>
	{{include file="../Common/login"}}
	<!--头部-->
	<div class="top-box">
		<div class="top">
			<div class="top-left">
				<ul class="left-ul">
					<li><a href="" class="a">个人及家用</a></li>
					<li><a href="" class="a">个人及家用</a></li>
					<li><a href="" class="a">个人及家用</a></li>
					<li><a href="" class="a">个人及家用</a></li>
					<li><a href="" class="a">个人及家用</a></li>
					<li><a href="" class="c">个人及家用</a></li>
				</ul>
			</div>
			<div class="top-right">
				<ul class="right-ul">
					<li><a href="{{U('Shopping/index')}}">购物车</a></li>
					{{if value="isset($_SESSION['username'])"}}
					<li><a href="javascript:;" class="order">我的订单</a> | </li>
					<li>
						<a href="javascript:;" class="username" username="0">{{$_SESSION['username']}}</a> | 
						<div class="outlogin-box"><a href="{{U('Login/out')}}">退出登录</a></div>
					</li>
					{{else}}
					<li><a href="javascript:;" class="zhuc">注册</a> | </li>
					<li><a href="javascript:;" class="dengl">登录</a> | </li>
					{{endif}}
				</ul>
			</div>
		</div>
	</div>
	<!--索引-->
	<div class="logo">
		<div class="logo-left">
			<a href=""><div></div></a>
		</div>
		<div class="logo-right">
			<div>
				<div class="indexed"></div>
				<input type="text" name="" id="" placeholder="请输入"/>
			</div>
		</div>
		<div class="value">
			<ul>
				<li><a href="">乐檬X3</a></li>
				<li><a href="">小新笔记本</a></li>
				<li><a href="">YOGA 4 Pro</a></li>
				<li><a href="">ThinkPad X1系列</a></li>
				<li><a href="">联想P1</a></li>
				<li><a href="">看家宝</a></li>
			</ul>
		</div>
	</div>
	<div class="cateT">
		<div class="cateLeft"></div>
		<div class="cateRight">
			<ul>
				{{foreach from="$categoryData" value="$v"}}
				{{if value="$v['pid'] eq 0"}}
				<li><a href="{{U('List/index',array('cid'=>$v['cid']))}}">{{$v['cname']}}</a></li>
				{{endif}}
				{{endforeach}}
			</ul>
		</div>
	</div>
	<!--菜单-->
	<div class="cate">
		<div class="cate-left">	
			<div class="block">
				<ul>
					{{foreach from="$categoryData" value="$v"}}
					<li>
						<a href="{{U('List/index',array('cid'=>$v['cid']))}}" class="li">{{$v['cname']}}<span>＞</span></a>
						<ul class="none">
							{{foreach from="$v['son']" value="$val"}}
							<li class="two"><a href="{{U('List/index',array('cid'=>$val['cid']))}}">{{$val['cname']}}</a></li>
								{{foreach from="$val['son']" value="$value"}}
								<li class="three"><a href="{{U('List/index',array('cid'=>$value['cid']))}}">{{$value['cname']}}</a></li>
								{{endforeach}}
							{{endforeach}}
						</ul>
					</li>
					{{endforeach}}
				</ul>
			</div>
		</div>
		<div class="cate-center">
			<img src="././Public/Home/images/1.jpg" alt="" />
		</div>
		<div class="cate-right">
			<span class="rightTop"><span></span><a href="">注册会员即送乐豆，评论、晒单乐豆十倍送，100乐豆=1元钱哦！</a></span>
			<span class="rightCenter"><span>精彩讨论</span><a href="">更多></a></span>
			<span class="rightBottom">
				<a href="">【活动】电脑管家2.0内测赢大奖</a>
				<a href="">【活动】电脑管家2.0内测赢大奖</a>
				<a href="">【活动】电脑管家2.0内测赢大奖</a>
				<a href="">【活动】电脑管家2.0内测赢大奖</a>
				<a href="">【活动】电脑管家2.0内测赢大奖</a>
				<a href="">【活动】电脑管家2.0内测赢大奖</a>
				<a href="">【活动】电脑管家2.0内测赢大奖</a>
			</span>
		</div>
	</div>
	<!--推荐-->
	<div class="tuijian">
		<div class="tj1">
			<img src="././Public/Home/images/tuijian.jpg" alt="" />
		</div>
		<div class="tj2">
			<img src="././Public/Home/images/1-1.jpg" alt="" />
			<img src="././Public/Home/images/1-2.jpg" alt="" />
			<img src="././Public/Home/images/1-3.jpg" alt="" />
			<img src="././Public/Home/images/1-4.jpg" alt="" />
		</div>
	</div>
	<!--明星单品-->
	<div class="ming">
		<div class="ming-top">
			<span class="title">明星单品</span>
			<a href=""><span class="right"></span></a>
			<a href=""><span class="left"></span></a>
		</div>
		<div class="ming-bottom">
			<ul>
				<li class="boderLeft">
					<a href=""><img src="././Public/Home/images/m.jpg" alt="" class="img" /></a>
					<a href="" class="sizeBlack size">YOGA 4S(YOGA 900S)-</a>
					<a href="" class="sizeGray size">预约抢购优惠200元</a>
					<a href="" class="sizeRed size">7,999元</a>
				</li>
			</ul>
			<ul>
				<li>
					<a href=""><img src="././Public/Home/images/m.jpg" alt="" class="img" /></a>
					<a href="" class="sizeBlack size">YOGA 4S(YOGA 900S)-</a>
					<a href="" class="sizeGray size">预约抢购优惠200元</a>
					<a href="" class="sizeRed size">7,999元</a>
				</li>
			</ul>
			<ul>
				<li>
					<a href=""><img src="././Public/Home/images/m.jpg" alt="" class="img" /></a>
					<a href="" class="sizeBlack size">YOGA 4S(YOGA 900S)-</a>
					<a href="" class="sizeGray size">预约抢购优惠200元</a>
					<a href="" class="sizeRed size">7,999元</a>
				</li>
			</ul>
			<ul>
				<li>
					<a href=""><img src="././Public/Home/images/m.jpg" alt="" class="img" /></a>
					<a href="" class="sizeBlack size">YOGA 4S(YOGA 900S)-</a>
					<a href="" class="sizeGray size">预约抢购优惠200元</a>
					<a href="" class="sizeRed size">7,999元</a>
				</li>
			</ul>
			<ul>
				<li>
					<a href=""><img src="././Public/Home/images/m.jpg" alt="" class="img" /></a>
					<a href="" class="sizeBlack size">YOGA 4S(YOGA 900S)-</a>
					<a href="" class="sizeGray size">预约抢购优惠200元</a>
					<a href="" class="sizeRed size">7,999元</a>
				</li>
			</ul>
			<ul>
				<li>
					<a href=""><img src="././Public/Home/images/m.jpg" alt="" class="img" /></a>
					<a href="" class="sizeBlack size">YOGA 4S(YOGA 900S)-</a>
					<a href="" class="sizeGray size">预约抢购优惠200元</a>
					<a href="" class="sizeRed size">7,999元</a>
				</li>
			</ul>
		</div>
	</div>
	<!--猜你喜欢-->
	<div class="ming">
		<div class="ming-top">
			<span class="title">猜你喜欢</span>
			<div class="shuax">
				<span class="sxTu"></span>
				<span class="sx">换一批</span>
			</div>
		</div>
		<div class="ming-bottom">
			<ul>
				<li class="boderLeft">
					<a href=""><img src="././Public/Home/images/m.jpg" alt="" class="padding" /></a>
					<a href="" class="sizeBlack size">YOGA 4S(YOGA 900S)-</a>
					<a href="" class="sizeRed size">7,999元</a>
				</li>
			</ul>
			<ul>
				<li>
					<a href=""><img src="././Public/Home/images/m.jpg" alt="" class="padding" /></a>
					<a href="" class="sizeBlack size">YOGA 4S(YOGA 900S)-</a>
					<a href="" class="sizeRed size">7,999元</a>
				</li>
			</ul>
			<ul>
				<li>
					<a href=""><img src="././Public/Home/images/m.jpg" alt="" class="padding" /></a>
					<a href="" class="sizeBlack size">YOGA 4S(YOGA 900S)-</a>
					<a href="" class="sizeRed size">7,999元</a>
				</li>
			</ul>
			<ul>
				<li>
					<a href=""><img src="././Public/Home/images/m.jpg" alt="" class="padding" /></a>
					<a href="" class="sizeBlack size">YOGA 4S(YOGA 900S)-</a>
					<a href="" class="sizeRed size">7,999元</a>
				</li>
			</ul>
			<ul>
				<li>
					<a href=""><img src="././Public/Home/images/m.jpg" alt="" class="padding" /></a>
					<a href="" class="sizeBlack size">YOGA 4S(YOGA 900S)-</a>
					<a href="" class="sizeRed size">7,999元</a>
				</li>
			</ul>
			<ul>
				<li>
					<a href=""><img src="././Public/Home/images/m.jpg" alt="" class="padding" /></a>
					<a href="" class="sizeBlack size">YOGA 4S(YOGA 900S)-</a>
					<a href="" class="sizeRed size">7,999元</a>
				</li>
			</ul>
		</div>
	</div>
	<!--楼层-->
	<div class="floor">
		<!--1F-->
		<div class="boxF">
			<div class="boxF-top">
				<div class="topLeft">
					<span>1F Lenovo 电脑</span>
				</div>
				<div class="topRight">
					<ul>
						<li><a href="">YOGA4 Pro系列</a></li>
						<li><a href="">YOGA4 Pro系列</a></li>
						<li><a href="">YOGA4 Pro系列</a></li>
						<li><a href="">YOGA4 Pro系列</a></li>
						<li><a href="">YOGA4 Pro系列</a></li>
						<li class="gengduo"><a href="">更多</a><span></span></li>
					</ul>
				</div>
			</div>
			<div class="boxF-bottom">
				<div class="bottomLeft">
					<img src="././Public/Home/images/F.jpg" alt="" />
				</div>
				<div class="bottomRight">
					<ul>
						<li class="borderTop">
							<a href="" class="img"><img src="./Public/Home/images/F1.jpg" alt="" /></a>
							<a href="" class="sizeBlack">Y700 I7-6700HQ（旗舰版）</a>
							<a href="" class="sizeGray">彪悍小Y 从芯进化</a>
							<a href="" class="sizeRed">8,799元</a>
						</li>
						<li class="borderTop">
							<a href="" class="img"><img src="./Public/Home/images/F1.jpg" alt="" /></a>
							<a href="" class="sizeBlack">Y700 I7-6700HQ（旗舰版）</a>
							<a href="" class="sizeGray">彪悍小Y 从芯进化</a>
							<a href="" class="sizeRed">8,799元</a>
						</li>
						<li class="borderTop">
							<a href="" class="img"><img src="./Public/Home/images/F1.jpg" alt="" /></a>
							<a href="" class="sizeBlack">Y700 I7-6700HQ（旗舰版）</a>
							<a href="" class="sizeGray">彪悍小Y 从芯进化</a>
							<a href="" class="sizeRed">8,799元</a>
						</li>
						<li class="borderTop">
							<a href="" class="img"><img src="./Public/Home/images/F1.jpg" alt="" /></a>
							<a href="" class="sizeBlack">Y700 I7-6700HQ（旗舰版）</a>
							<a href="" class="sizeGray">彪悍小Y 从芯进化</a>
							<a href="" class="sizeRed">8,799元</a>
						</li>
						<li>
							<a href="" class="img"><img src="./Public/Home/images/F1.jpg" alt="" /></a>
							<a href="" class="sizeBlack">Y700 I7-6700HQ（旗舰版）</a>
							<a href="" class="sizeGray">彪悍小Y 从芯进化</a>
							<a href="" class="sizeRed">8,799元</a>
						</li>
						<li>
							<a href="" class="img"><img src="./Public/Home/images/F1.jpg" alt="" /></a>
							<a href="" class="sizeBlack">Y700 I7-6700HQ（旗舰版）</a>
							<a href="" class="sizeGray">彪悍小Y 从芯进化</a>
							<a href="" class="sizeRed">8,799元</a>
						</li>
						<li>
							<a href="" class="img"><img src="./Public/Home/images/F1.jpg" alt="" /></a>
							<a href="" class="sizeBlack">Y700 I7-6700HQ（旗舰版）</a>
							<a href="" class="sizeGray">彪悍小Y 从芯进化</a>
							<a href="" class="sizeRed">8,799元</a>
						</li>
						<li>
							<a href="" class="img"><img src="./Public/Home/images/F1.jpg" alt="" /></a>
							<a href="" class="sizeBlack">Y700 I7-6700HQ（旗舰版）</a>
							<a href="" class="sizeGray">彪悍小Y 从芯进化</a>
							<a href="" class="sizeRed">8,799元</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--7F-->
		<div class="box-f">
			<div class="fTop">
				<span>7F 社交平台</span>
			</div>
			<div class="fBottom">
				<ul>
					<li>
						<a href=""><img src="./Public/Home/images/7F.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="./Public/Home/images/7F.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="./Public/Home/images/7F.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="./Public/Home/images/7F.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="./Public/Home/images/7F.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="./Public/Home/images/7F.jpg" alt="" /></a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	{{include file="../Common/foot"}}
</body>
</html>































































